<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>Celibax admin2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Language" content="fr" />
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- LIB INCLUDES -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/jquery.min1.7.2.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/extendAjaxForCSRF.js"></script>
    <!-- the following include allow internet explorer to keep the same display than the other browser -->
    <!--[if lt IE 10]>
	    <script type="text/javascript" src="{{ STATIC_URL}}javascript/CSS3PIE.js"></script>
    <![endif]-->


    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- STYLE AND PAGE STRUCTURE INCLUDES -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL}}css/structure.css">
    <script language="JavaScript" type="text/javascript" src="{{ STATIC_URL}}javascript/headerStructure.js"></script>
    
        <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!--WIDGETS, GRAPHS AND CHARTS-->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!--To keep the number of connections to the server as low as possible, we will have only one request for all the tables and charts displaid in
    the website. This request will be a post request in order to avoid proxy caching. The return of this request will be a dictionnary of jsons.
    the entries for those jsons will be defined in each of the include ".js" but the internal content of them will be hard coded from the python source.
    We will then apply a displaying function to each of the returned json. 
    -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- We start by including a json collector which will gather all the require informations from the following includes.
    It Mostly defines the global allJsonsRegistry variable witch is a list of couple (func_name_in_py, func_name_in_js)
    the meaning of this couple is define in the next comment blocks-->
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/allJsonsCollector.js"></script>
    
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- Functional includes-->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!--<script type="text/javascript" src="{{ STATIC_URL}}javascript/killAssetButton.js"></script>-->
    <script language="JavaScript" type="text/javascript" src="{{ STATIC_URL}}javascript/settleContract.js"></script>
    
    <!-- -------------------------------------------------------------------------------------------- -->
    <!--we then call the function dispatcher which will call the function func_in_py and apply the func_in_js to the json which is returned
    for all the charts/table which have been registered.-->
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/allJsonsDispacher.js"></script>
 
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- INITIALISATION OF THE PAGE -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/submitUtils.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/coreOnLoad.js"></script>
  
</head>

<body>
    {% load argTemplates %}
    {% load binaryOPerationTemplateTag %}

    <!-- create the header-->
    <script language="JavaScript" type="text/javascript">makeHeader(
        'adminMkt',
        4,
        '{{userName}}',
        '{{betroom.name}}',
        {{betroom.roomType}},//room type
        {{betroom.status}},
        '{{STATIC_URL}}'
     );</script>
    <noscript> <p> Activez Javascript pour voir le menu !</p></noscript>
    
    <!-- create the waiting div-->
   <script language="JavaScript" type="text/javascript">create_hidden_waiting_div( {{STATIC_URL}} )</script>
   <noscript> <p> Activez Javascript pour voir le menu !</p></noscript>

    <div class="section">  <h1>Settle a contract</h1> </div>
    
    
        <div class="section">
        <h2>Select a contract</h2>
        <div id="id_SelectContract" align="left">Pick up a contract in the following list:
            <select id="id_contractDropList" name="requestedContract" class="text" onChange="requestSelectedContract();">
                <option value="addStrat" size="auto">Select a contract</option>
            </select>
        </div>
    </div>  
    
    <div id="id_selectedContract"></div>
    
    <div>
        <script language="JavaScript" type="text/javascript">footer()</script>
    </div>
    
</body>
</html>
